<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>仿小米头部导航+轮播</title>
		<link rel="stylesheet" type="text/css" href="../../css/index.css"/>
		<!-- <link rel="stylesheet" type="text/css" href="../../css/reset.css" /> -->
		<!-- <link rel="stylesheet" type="text/css" href="../../css/header-nav.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
		<link rel="stylesheet" href="../../css/carousel.css">
		<link rel="stylesheet" type="text/css" href="../13-1%205.18/miseckill.css"/>
		<link rel="stylesheet" type="text/css" href="../../font-awesome-4.7.0/css/font-awesome.min.css"/> -->
		<script src="../../js/goodsshow.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-- 顶部一级导航开始 -->
		<div class="container">
			<div class="navbar">
				<div class="nav-list">
					<ul>
						<li><a href="#">小米商城</a><span>|</span></li>
						<li><a href="#"> MIUI</a><span>|</span></li>
						<li><a href="#">IoT</a><span>|</span></li>
						<li><a href="#">云服务</a><span>|</span></li>
						<li><a href="#">金融</a><span>|</span></li>
						<li><a href="#">有品</a><span>|</span></li>
						<li><a href="#">小爱开放平台</a><span>|</span></li>
						<li><a href="#">企业团购</a><span>|</span></li>
						<li><a href="#">资质证照</a><span>|</span></li>
						<li><a href="#">协议规则</a><span>|</span></li>
						<li class="download"><a href="#">下载app</a><span>|</span>
							<span class="triangle"></span>
							<div class="qr-code">
								<img src="../../img/download.png" >
								<p>小米商城APP</p>
							</div>
						</li>
						<li><a href="#">Select Location</a><span>|</span></li>
					</ul>
				</div>
				<div class="nav-info">
					<a class="shopcart" href="#">
						<span class="iconfont icon-Shoppingcart cart"></span>
						购物车
						<div class="cart-heid">购物车中还没有商品，赶紧选购吧！</div>
					</a>
					<ul class="info-list">
						<li><a href="#">登录</a></li>
						<li><a href="#">注册</a></li>
						<li><a href="#">消息通知</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 顶部一级导航结束 -->
		<!-- 顶部二级导航开始 -->
		<div class="second-container">
			<div class="second-navbar">
				<div class="site-logo">
					<a class="logo" href="http://www.mi.com"></a>
				</div>
				<div class="second-nav-list">
					<ul class="second-nav-list-navbar">
						<li><a href="#">小米手机</a></li>
						<li><a href="#">Redmi 红米</a></li>
						<li><a href="#">电视</a></li>
						<li><a href="#">笔记本</a></li>
						<li><a href="#">家电</a></li>
						<li><a href="#">路由器</a></li>
						<li><a href="#">智能硬件</a></li>
						<!-- 二级导航下弹窗开始 -->
						<div class="popdown">
							<div class="popdown-inner">
								<ul class="popdown-list popactive">
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/xiaomishouji.webp" >
											<p class="pitem-title">小米11Pro</p>
											<p class="pitem-price">4999起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/xiaomishouji.webp" >
											<p class="pitem-title">小米11Pro</p>
											<p class="pitem-price">4999起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/xiaomishouji.webp" >
											<p class="pitem-title">小米11Pro</p>
											<p class="pitem-price">4999起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/xiaomishouji.webp" >
											<p class="pitem-title">小米11Pro</p>
											<p class="pitem-price">4999起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/xiaomishouji.webp" >
											<p class="pitem-title">小米11Pro</p>
											<p class="pitem-price">4999起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/xiaomishouji.webp" >
											<p class="pitem-title">小米11Pro</p>
											<p class="pitem-price">4999起</p>
										</a>
									</li>
									
								</ul>
								<ul class="popdown-list">
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/hongmi.webp" >
											<p class="pitem-title">RedMi</p>
											<p class="pitem-price">3799起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/hongmi.webp" >
											<p class="pitem-title">RedMi</p>
											<p class="pitem-price">3799起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/hongmi.webp" >
											<p class="pitem-title">RedMi</p>
											<p class="pitem-price">3799起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/hongmi.webp" >
											<p class="pitem-title">RedMi</p>
											<p class="pitem-price">3799起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/hongmi.webp" >
											<p class="pitem-title">RedMi</p>
											<p class="pitem-price">3799起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/hongmi.webp" >
											<p class="pitem-title">RedMi</p>
											<p class="pitem-price">3799起</p>
										</a>
									</li>
									
								</ul>
								<ul class="popdown-list">
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/tv.jpg" >
											<p class="pitem-title">小米壁画电视65寸</p>
											<p class="pitem-price">6999起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/tv.jpg" >
											<p class="pitem-title">小米壁画电视65寸</p>
											<p class="pitem-price">6999起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/tv.jpg" >
											<p class="pitem-title">小米壁画电视65寸</p>
											<p class="pitem-price">6999起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/tv.jpg" >
											<p class="pitem-title">小米壁画电视65寸</p>
											<p class="pitem-price">6999起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/tv.jpg" >
											<p class="pitem-title">小米壁画电视65寸</p>
											<p class="pitem-price">6999起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/tv.jpg" >
											<p class="pitem-title">小米壁画电视65寸</p>
											<p class="pitem-price">6999起</p>
										</a>
									</li>
									
								</ul>
								<ul class="popdown-list">
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/notebook.png" >
											<p class="pitem-title">小米笔记本Pro 15</p>
											<p class="pitem-price">6799起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/notebook.png" >
											<p class="pitem-title">小米笔记本Pro 15</p>
											<p class="pitem-price">6799起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/notebook.png" >
											<p class="pitem-title">小米笔记本Pro 15</p>
											<p class="pitem-price">6799起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/notebook.png" >
											<p class="pitem-title">小米笔记本Pro 15</p>
											<p class="pitem-price">6799起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/notebook.png" >
											<p class="pitem-title">小米笔记本Pro 15</p>
											<p class="pitem-price">6799起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/notebook.png" >
											<p class="pitem-title">小米笔记本Pro 15</p>
											<p class="pitem-price">6799起</p>
										</a>
									</li>
									
								</ul>
								<ul class="popdown-list">
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/jiadian.png" >
											<p class="pitem-title">米家互联网洗烘一体机</p>
											<p class="pitem-price">1999起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/jiadian.png" >
											<p class="pitem-title">米家互联网洗烘一体机</p>
											<p class="pitem-price">1999起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/jiadian.png" >
											<p class="pitem-title">米家互联网洗烘一体机</p>
											<p class="pitem-price">1999起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/jiadian.png" >
											<p class="pitem-title">米家互联网洗烘一体机</p>
											<p class="pitem-price">1999起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/jiadian.png" >
											<p class="pitem-title">米家互联网洗烘一体机</p>
											<p class="pitem-price">1999起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/jiadian.png" >
											<p class="pitem-title">米家互联网洗烘一体机</p>
											<p class="pitem-price">1999起</p>
										</a>
									</li>
									
								</ul>
								<ul class="popdown-list">
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/router.webp" >
											<p class="pitem-title">Redmi路由器AC2100</p>
											<p class="pitem-price">169起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/router.webp" >
											<p class="pitem-title">Redmi路由器AC2100</p>
											<p class="pitem-price">169起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/router.webp" >
											<p class="pitem-title">Redmi路由器AC2100</p>
											<p class="pitem-price">169起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/router.webp" >
											<p class="pitem-title">Redmi路由器AC2100</p>
											<p class="pitem-price">169起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/router.webp" >
											<p class="pitem-title">Redmi路由器AC2100</p>
											<p class="pitem-price">169起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/router.webp" >
											<p class="pitem-title">Redmi路由器AC2100</p>
											<p class="pitem-price">169起</p>
										</a>
									</li>
									
								</ul>
								<ul class="popdown-list">
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/xiaoaiyinxiang.jpg" >
											<p class="pitem-title">小爱触屏音箱</p>
											<p class="pitem-price">199起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/xiaoaiyinxiang.jpg" >
											<p class="pitem-title">小爱触屏音箱</p>
											<p class="pitem-price">199起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/xiaoaiyinxiang.jpg" >
											<p class="pitem-title">小爱触屏音箱</p>
											<p class="pitem-price">199起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/xiaoaiyinxiang.jpg" >
											<p class="pitem-title">小爱触屏音箱</p>
											<p class="pitem-price">199起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/xiaoaiyinxiang.jpg" >
											<p class="pitem-title">小爱触屏音箱</p>
											<p class="pitem-price">199起</p>
										</a>
									</li>
									<li class="poodown-itme">
										<a href="#">
											<img src="../../img/xiaoaiyinxiang.jpg" >
											<p class="pitem-title">小爱触屏音箱</p>
											<p class="pitem-price">199起</p>
										</a>
									</li>
									
								</ul>
							</div>
						</div>
					</ul>
					<ul class="second-nav-list-navbar1">
						<li><a href="#">服务</a></li>
						<li><a href="#">社区</a></li>
					</ul>
				</div>
				<script type="text/javascript">
					// 获取元素赋值给变量
					let lis = document.querySelectorAll('.second-nav-list-navbar>li');
					let uls = document.querySelectorAll('.popdown-inner>ul')
					let clearActive = function (){
						// 写个函数清除掉所有的ul上的激活的类名
						for (let i = 0; i < uls.length; i++) {
							uls[i].className = 'popdown-list'
						}
					}
					console.log(lis ,uls);
					// for循环等于是遍历每一个li,相当于你给每一个里都添加一个事件监听
					for (let i = 0; i < lis.length; i++) {
						lis[i].addEventListener('mouseenter',function (){
							console.log(i)
							clearActive()
							uls[i].className = 'popdown-list popactive'
						})
					}
				</script>
				<div class="second-form">
					<form class="myform" action="">
						<input class="iconfont" type="text" name="user"><input class="iconfont" type="submit" value="&#xe627;">
					</form>
					<ul class="product-popdown">
						<li><a href="#">Redmi K30</a></li>
						<li><a href="#">Redmi K30</a></li>
						<li><a href="#">Redmi K30</a></li>
						<li><a href="#">Redmi K30</a></li>
						<li><a href="#">Redmi K30</a></li>
						<li><a href="#">Redmi K30</a></li>
						<li><a href="#">Redmi K30</a></li>
						<li><a href="#">Redmi K30</a></li>
						<li><a href="#">Redmi K30</a></li>
						<li><a href="#">Redmi K30</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 顶部二级导航结束 -->
		<!-- 导航开始 -->
		<div class="carousel-warp">
			<div class="carousel">
				<ul class="category-list">
					<li class="category-item">
						<a href=""><span>手机 电话卡</span><span class="iconfont icon--chevron category-icon"></span></a>
						<div class="pop-right">
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<!-- <li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li> -->
							</ul>
						</div>
					</li>
					<li class="category-item">
						<a href=""><span>手机 电话卡</span><span class="iconfont icon--chevron category-icon"></span></a>
						<div class="pop-right">
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<!-- <li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li> -->
							</ul>
						</div>
					</li>
					<li class="category-item">
						<a href=""><span>手机 电话卡</span><span class="iconfont icon--chevron category-icon"></span></a>
						<div class="pop-right">
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
						</div>
					</li>
					<li class="category-item">
						<a href=""><span>手机 电话卡</span><span class="iconfont icon--chevron category-icon"></span></a>
						<div class="pop-right">
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<!-- <li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li> -->
							</ul>
						</div>
					</li>
					<li class="category-item">
						<a href=""><span>手机 电话卡</span><span class="iconfont icon--chevron category-icon"></span></a>
						<div class="pop-right">
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
						</div>
					</li>
					<li class="category-item">
						<a href=""><span>手机 电话卡</span><span class="iconfont icon--chevron category-icon"></span></a>
						<div class="pop-right">
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							
						</div>
					</li>
					<li class="category-item">
						<a href=""><span>手机 电话卡</span><span class="iconfont icon--chevron category-icon"></span></a>
						<div class="pop-right">
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							
						</div>
					</li>
					<li class="category-item">
						<a href=""><span>手机 电话卡</span><span class="iconfont icon--chevron category-icon"></span></a>
						<div class="pop-right">
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<!-- <li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li> -->
							</ul>
						</div>
					</li>
					<li class="category-item">
						<a href=""><span>手机 电话卡</span><span class="iconfont icon--chevron category-icon"></span></a>
						<div class="pop-right">
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							
						</div>
					</li>
					<li class="category-item">
						<a href=""><span>手机 电话卡</span><span class="iconfont icon--chevron category-icon"></span></a>
						<div class="pop-right">
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright3.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright4.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright5.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright6.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							<ul class="popright-list">
								<li class="popright-item"><a href="#"><img src="../../img/popright1.webp" alt=""><span>Redmi K30 Pro</span></a></li>
								<li class="popright-item"><a href="#"><img src="../../img/popright2.webp" alt=""><span>Redmi K30 Pro</span></a></li>
							</ul>
							
						</div>
					</li>
				</ul>
				<div class="control cleft">
					<span class="iconfont icon--left-arrow iconstyle"></span>
				</div>
				<div class="control cright">
					<span class="iconfont icon--chevron iconstyle"></span>
				</div>
				<ul class="image-list">
					<li class='img-item '><a herf="#"><img src="../../img/c01.webp" alt=""></a></li>
					<li class='img-item active'><a herf="#"><img src="../../img/c02.webp" alt=""></a></li>
					<li class='img-item'><a herf="#"><img src="../../img/c03.webp" alt=""></a></li>
					<li class='img-item'><a herf="#"><img src="../../img/c04.webp" alt=""></a></li>
					<li class='img-item'><a herf="#"><img src="../../img/c05.jpg" alt=""></a></li>
				</ul>
				<ul class="pointer">
					<li class="pointer-item "></li>
					<li class="pointer-item point-active"></li>
					<li class="pointer-item"></li>
					<li class="pointer-item"></li>
					<li class="pointer-item"></li>
				</ul>
				
			</div>
		<!-- 导航结束-->
		<!-- sub栏开始 -->
			<div class="sub-wrap">	
				<div class="sub-left">
					<ul class="sub-left-list">
						<li class="sub-left-item">
							<a href="#">
								<img src="../../img/sub-miaosha.png" alt="">
								<p class="sub-desc">小米秒杀</p>
							</a>
						</li>
						<li class="sub-left-item">
							<a href="#">
								<img src="../../img/sub-qiye.png" alt="">
								<p class="sub-desc">企业团购</p>
							</a>
						</li>
						<li class="sub-left-item">
							<a href="#">
								<img src="../../img/sub-f.png" alt="">
								<p class="sub-desc">F码通道</p>
							</a>
						</li>
						<li class="sub-left-item">
							<a href="#">
								<img src="../../img/sub-mifen.png" alt="">
								<p class="sub-desc">米粉卡</p>
							</a>
						</li>
						<li class="sub-left-item">
							<a href="#">
								<img src="../../img/sub-yijiuhuanxin.png" alt="">
								<p class="sub-desc">以旧换新</p>
							</a>
						</li>
						<li class="sub-left-item">
							<a href="#">
								<img src="../../img/sub-huafei.png" alt="">
								<p class="sub-desc">话费充值</p>
							</a>
						</li>
					</ul>
				</div>
				<div class="sub-right">
					<div class="sub-right-item">
						<a href="#">
							<img src="../../img/sub1.jpg" alt="">
						</a >
					</div>
					<div class="sub-right-item">
						<a href="#">
							<img src="../../img/sub2.jpg" alt="">
						</a >
					</div>
					<div class="sub-right-item">
						<a href="#">
							<img src="../../img/sub3.jpg" alt="">
						</a >
					</div>
				</div>
			</div>
		</div>
		<!-- sub栏结束 -->
		<!-- 小米闪购开始 -->
		<div class="seckill-container">
			<div class="seckill-wrap">
				<div class="seckill-head">
					<h2>小米闪购</h2>
					<div class="iconbox">
						<div class="iconbar"><span class="fa fa-chevron-left "></span></div>
						<div class="iconbar"><span class="fa fa-chevron-right "></span></div>
					</div>
				</div>
				<div class="products">
					<div class="product-left">
						<h3>14:00 场</h3>
						<img src="data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA1CAYAAAAklDnhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ%0AbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp%0Abj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6%0AeD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1%0AMTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo%0AdHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw%0AdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv%0AIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS%0AZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD%0AcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5j%0AZUlEPSJ4bXAuaWlkOjY4Q0ZFMkY5MTJFNzExRThCMkM4OEM1RTNBNjczQUVBIiB4bXBNTTpEb2N1%0AbWVudElEPSJ4bXAuZGlkOjY4Q0ZFMkZBMTJFNzExRThCMkM4OEM1RTNBNjczQUVBIj4gPHhtcE1N%0AOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjhDRkUyRjcxMkU3MTFFOEIy%0AQzg4QzVFM0E2NzNBRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjhDRkUyRjgxMkU3MTFF%0AOEIyQzg4QzVFM0E2NzNBRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94Onht%0AcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5oEyacAAACoklEQVR42sSYv0tbURTHX0LqD6T4g4pE%0AcHDoUOloBxVd/QFFEcQqWtrSKlKFmmAslopohzgIbv4FwUEE0clFujiIi+BSIbRQ0ooKRReRULHf%0AS48Qgu++c3/FAx+iyU3eJzf3nnPuC/1qavQ04zVY8szjCHRGNN9cBD6DSkOJKzAGzsOaH/AW1FuY%0AjRg4EH/oiJSCTxYk1sDK7T86Iu9BraHED/Au9wlVkYdg2lAiC/rBhYnIB/DIUOQj2M9/UkWkCsQN%0AJbbA8l0vqIhMgXIDiZ/gFbgxEakBEwYSf8Eg+OM3gCsyA8oMRETy25UN4IjUgVEDiW2wGDSIIzIL%0AijUljsFLv3WhIvKYFphOXNO6OOUMDhKZA7qFcQF85Q6WXeQpeKEpcULlvY8xthp8iwR8I93qLLb7%0AKnOsSPWNfhd6Bro99yHqTi9IhyWzEXIsIXbSG7Djt1jbQHsBZkMkyZRs13wpgIRoiJKy7dsBWh1L%0AbN5Vt3JFQrQ2XMYeGKBk5yvSI7aRQ4k0eA4uZZlVPM47lDgTZxd6lKb4AcqkLuKSZiIdVGsiVFNc%0AxDV9yT1Orekjoe+MDw4pHqwmaJewit66Ql0QaX+DOTaZe4DitAFZxQaaEynKnJ6KCDeaQAtj3A7V%0AkBtXIpwT3iFV06zqquaKPKEtKIsM6Mo/StoWiQeMvSCJjO4+54hEwTCjuTk0STgckUm6QxTY3LgU%0AKc+/jyFrblyKCIkKbnPjSkT8HDGV5saVyBAtVHZz40Ik7HNTRtrcuBARF2tQbW5ciCR0mhvbIs2E%0AcnNjWySh29zYFGnIK25KzY1Nkdziptzc2BKJUu7Qbm5sicQom2o3NzZEKqiu/DZpbmyIjIAHNBMZ%0A7x4iTALjhcgVQSIl3v87w5vePcY/AQYAFYR6skFSqBUAAAAASUVORK5CYII=" alt="">
						<p>距离结束还有</p>
						<div class="bloak-box">
							<div class="bloak">15</div>
							<span>:</span>
							<div class="bloak">38</div>
							<span>:</span>
							<div class="bloak">38</div>
						</div>
					</div>
					<div class="product-right">
						<ul class="producs-list">
							<a href="#">
								<li class="producs-item">
									<img src="../../img/pro1.jpg" >
									<h3 class="title">米家智能门锁 推拉式 通用版</h3>
									<p class="desc">一步推拉，高端智能门锁</p>
									<p class="price"><span class="now">1499</span> <del class="old">1699</del></p>
								</li>
								<li class="producs-item">
									<img src="../../img/pro1.jpg" >
									<h3 class="title">米家智能门锁 推拉式 通用版</h3>
									<p class="desc">一步推拉，高端智能门锁</p>
									<p class="price"><span class="now">1499</span> <del class="old">1699</del></p>
								</li>
								<li class="producs-item">
									<img src="../../img/pro1.jpg" >
									<h3 class="title">米家智能门锁 推拉式 通用版</h3>
									<p class="desc">一步推拉，高端智能门锁</p>
									<p class="price"><span class="now">1499</span> <del class="old">1699</del></p>
								</li>
								<li class="producs-item">
									<img src="../../img/pro1.jpg" >
									<h3 class="title">米家智能门锁 推拉式 通用版</h3>
									<p class="desc">一步推拉，高端智能门锁</p>
									<p class="price"><span class="now">1499</span> <del class="old">1699</del></p>
								</li>
								<li class="producs-item">
									<img src="../../img/pro2.webp" >
									<h3 class="title">米家智能门锁 推拉式 通用版</h3>
									<p class="desc">一步推拉，高端智能门锁</p>
									<p class="price"><span class="now">1499</span> <del class="old">1699</del></p>
								</li>
								<li class="producs-item">
									<img src="../../img/pro2.webp" >
									<h3 class="title">米家智能门锁 推拉式 通用版</h3>
									<p class="desc">一步推拉，高端智能门锁</p>
									<p class="price"><span class="now">1499</span> <del class="old">1699</del></p>
								</li>
								<li class="producs-item">
									<img src="../../img/pro2.webp" >
									<h3 class="title">米家智能门锁 推拉式 通用版</h3>
									<p class="desc">一步推拉，高端智能门锁</p>
									<p class="price"><span class="now">1499</span> <del class="old">1699</del></p>
								</li>
								<li class="producs-item">
									<img src="../../img/pro2.webp" >
									<h3 class="title">米家智能门锁 推拉式 通用版</h3>
									<p class="desc">一步推拉，高端智能门锁</p>
									<p class="price"><span class="now">1499</span> <del class="old">1699</del></p>
								</li>
								<li class="producs-item">
									<img src="../../img/pro3.jpg" >
									<h3 class="title">米家智能门锁 推拉式 通用版</h3>
									<p class="desc">一步推拉，高端智能门锁</p>
									<p class="price"><span class="now">1499</span> <del class="old">1699</del></p>
								</li>
								<li class="producs-item">
									<img src="../../img/pro3.jpg" >
									<h3 class="title">米家智能门锁 推拉式 通用版</h3>
									<p class="desc">一步推拉，高端智能门锁</p>
									<p class="price"><span class="now">1499</span> <del class="old">1699</del></p>
								</li>
								<li class="producs-item">
									<img src="../../img/pro3.jpg" >
									<h3 class="title">米家智能门锁 推拉式 通用版</h3>
									<p class="desc">一步推拉，高端智能门锁</p>
									<p class="price"><span class="now">1499</span> <del class="old">1699</del></p>
								</li>
								<li class="producs-item">
									<img src="../../img/pro3.jpg" >
									<h3 class="title">米家智能门锁 推拉式 通用版</h3>
									<p class="desc">一步推拉，高端智能门锁</p>
									<p class="price"><span class="now">1499</span> <del class="old">1699</del></p>
								</li>
							</a>
						</ul>
					</div>
				</div>	
			</div>
		</div>
		<!-- 小米闪购结束 -->
		<!-- banner开始 -->
		<div class="banner-box">
			<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b6c7f2ccfb6b0e1a8a8aaa20ddba2322.jpg?thumb=1&w=1226&h=120&f=webp&q=90" alt="">
		</div>
		<!-- banner结束 -->
		<!--手机模块开始-->
		<div class="goodsshow-wrap">
			<div class="goodsshow-title">
				<h2>智能</h2>
				<ul class="tab-list">
					<li class="item-active">热门</li>
					<li>安防</li>
					<li>出行</li>
				</ul>
			</div>
			<div class="goodsshow-main">
				<div class="main-cover">
					<!-- <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/574c6643ab91c6618bfb2d0e2c761d0b.jpg?thumb=1&w=234&h=614&f=webp&q=90" > -->
					<div class="main-cover-top">
						<a href="">
							<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b56fd90a60e3d9e5d87dae9fbd427ea8.jpg?thumb=1&w=234&h=300&f=webp&q=90" >
						</a>
					</div>
					<div class="main-cover-bom">
						<a href="">
							<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b67de5a8ce9025fb5d8bac66e019d1c3.jpg?thumb=1&w=234&h=300&f=webp&q=90" >
						</a>
					</div>
				</div>
				<div class="main-content">
					<ul class="goods-list list-active">
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/011dd8493ad62f3793dbb63d9fbd3bc0.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/011dd8493ad62f3793dbb63d9fbd3bc0.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/011dd8493ad62f3793dbb63d9fbd3bc0.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/011dd8493ad62f3793dbb63d9fbd3bc0.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/011dd8493ad62f3793dbb63d9fbd3bc0.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/011dd8493ad62f3793dbb63d9fbd3bc0.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/011dd8493ad62f3793dbb63d9fbd3bc0.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<div class="sub-item">
								<a href="#">
									<div class="sub-info">
										<h3>小米米家对讲机2</h3>
										<p class="price">449元</p>
									</div>
									<img  src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d86c1eb8f5525bc4c76c8e0e98db7446.jpg?thumb=1&w=100&h=100&f=webp&q=90" >
								</a>
							</div>
							<div class="sub-item">
								<a href="#">
									<div class="sub-info">
										<h2>浏览更多</h2>
										<p class="info">出行</p>
									</div>
									<img src="../../img/icon-move.png" >
								</a>
							</div>
						</li>
					</ul>
					<ul class="goods-list ">
						<li class="goods-item">
							<a href="#">
								<img src="https://i8.mifile.cn/v1/a1/768992ca-4136-92f1-244a-0194a81a6360!200x200.jpg" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://i8.mifile.cn/v1/a1/768992ca-4136-92f1-244a-0194a81a6360!200x200.jpg" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://i8.mifile.cn/v1/a1/768992ca-4136-92f1-244a-0194a81a6360!200x200.jpg" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://i8.mifile.cn/v1/a1/768992ca-4136-92f1-244a-0194a81a6360!200x200.jpg" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://i8.mifile.cn/v1/a1/768992ca-4136-92f1-244a-0194a81a6360!200x200.jpg" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://i8.mifile.cn/v1/a1/768992ca-4136-92f1-244a-0194a81a6360!200x200.jpg" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://i8.mifile.cn/v1/a1/768992ca-4136-92f1-244a-0194a81a6360!200x200.jpg" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<div class="sub-item">
								<a href="#">
									<div class="sub-info">
										<h3>小米米家对讲机2</h3>
										<p class="price">449元</p>
									</div>
									<img  src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d86c1eb8f5525bc4c76c8e0e98db7446.jpg?thumb=1&w=100&h=100&f=webp&q=90" >
								</a>
							</div>
							<div class="sub-item">
								<a href="#">
									<div class="sub-info">
										<h2>浏览更多</h2>
										<p class="info">出行</p>
									</div>
									<img src="../../img/icon-move.png" >
								</a>
							</div>
						</li>
					</ul>
					<ul class="goods-list">
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<div class="sub-item">
								<a href="#">
									<div class="sub-info">
										<h3>小米米家对讲机2</h3>
										<p class="price">449元</p>
									</div>
									<img  src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d86c1eb8f5525bc4c76c8e0e98db7446.jpg?thumb=1&w=100&h=100&f=webp&q=90" >
								</a>
							</div>
							<div class="sub-item">
								<a href="#">
									<div class="sub-info">
										<h2>浏览更多</h2>
										<p class="info">出行</p>
									</div>
									<img src="../../img/icon-move.png" >
								</a>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--手机模块结束-->
		<!-- banner开始 -->
		<div class="banner-box">
			<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b6c7f2ccfb6b0e1a8a8aaa20ddba2322.jpg?thumb=1&w=1226&h=120&f=webp&q=90" alt="">
		</div>
		<!-- banner结束 -->
		<!--手机模块开始-->
		<div class="goodsshow-wrap">
			<div class="goodsshow-title">
				<h2>智能</h2>
				<ul class="tab-list">
					<li class="item-active">热门</li>
					<li>安防</li>
					<li>出行</li>
				</ul>
			</div>
			<div class="goodsshow-main">
				<div class="main-cover">
					<!-- <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/574c6643ab91c6618bfb2d0e2c761d0b.jpg?thumb=1&w=234&h=614&f=webp&q=90" > -->
					<div class="main-cover-top">
						<a href="">
							<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b56fd90a60e3d9e5d87dae9fbd427ea8.jpg?thumb=1&w=234&h=300&f=webp&q=90" >
						</a>
					</div>
					<div class="main-cover-bom">
						<a href="">
							<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b67de5a8ce9025fb5d8bac66e019d1c3.jpg?thumb=1&w=234&h=300&f=webp&q=90" >
						</a>
					</div>
				</div>
				<div class="main-content">
					<ul class="goods-list list-active">
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/011dd8493ad62f3793dbb63d9fbd3bc0.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/011dd8493ad62f3793dbb63d9fbd3bc0.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/011dd8493ad62f3793dbb63d9fbd3bc0.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/011dd8493ad62f3793dbb63d9fbd3bc0.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/011dd8493ad62f3793dbb63d9fbd3bc0.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/011dd8493ad62f3793dbb63d9fbd3bc0.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/011dd8493ad62f3793dbb63d9fbd3bc0.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<div class="sub-item">
								<a href="#">
									<div class="sub-info">
										<h3>小米米家对讲机2</h3>
										<p class="price">449元</p>
									</div>
									<img  src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d86c1eb8f5525bc4c76c8e0e98db7446.jpg?thumb=1&w=100&h=100&f=webp&q=90" >
								</a>
							</div>
							<div class="sub-item">
								<a href="#">
									<div class="sub-info">
										<h2>浏览更多</h2>
										<p class="info">出行</p>
									</div>
									<img src="../../img/icon-move.png" >
								</a>
							</div>
						</li>
					</ul>
					<ul class="goods-list ">
						<li class="goods-item">
							<a href="#">
								<img src="https://i8.mifile.cn/v1/a1/768992ca-4136-92f1-244a-0194a81a6360!200x200.jpg" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://i8.mifile.cn/v1/a1/768992ca-4136-92f1-244a-0194a81a6360!200x200.jpg" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://i8.mifile.cn/v1/a1/768992ca-4136-92f1-244a-0194a81a6360!200x200.jpg" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://i8.mifile.cn/v1/a1/768992ca-4136-92f1-244a-0194a81a6360!200x200.jpg" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://i8.mifile.cn/v1/a1/768992ca-4136-92f1-244a-0194a81a6360!200x200.jpg" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://i8.mifile.cn/v1/a1/768992ca-4136-92f1-244a-0194a81a6360!200x200.jpg" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://i8.mifile.cn/v1/a1/768992ca-4136-92f1-244a-0194a81a6360!200x200.jpg" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<div class="sub-item">
								<a href="#">
									<div class="sub-info">
										<h3>小米米家对讲机2</h3>
										<p class="price">449元</p>
									</div>
									<img  src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d86c1eb8f5525bc4c76c8e0e98db7446.jpg?thumb=1&w=100&h=100&f=webp&q=90" >
								</a>
							</div>
							<div class="sub-item">
								<a href="#">
									<div class="sub-info">
										<h2>浏览更多</h2>
										<p class="info">出行</p>
									</div>
									<img src="../../img/icon-move.png" >
								</a>
							</div>
						</li>
					</ul>
					<ul class="goods-list">
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<div class="sub-item">
								<a href="#">
									<div class="sub-info">
										<h3>小米米家对讲机2</h3>
										<p class="price">449元</p>
									</div>
									<img  src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d86c1eb8f5525bc4c76c8e0e98db7446.jpg?thumb=1&w=100&h=100&f=webp&q=90" >
								</a>
							</div>
							<div class="sub-item">
								<a href="#">
									<div class="sub-info">
										<h2>浏览更多</h2>
										<p class="info">出行</p>
									</div>
									<img src="../../img/icon-move.png" >
								</a>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--手机模块结束-->
		<!-- banner开始 -->
		<div class="banner-box">
			<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b6c7f2ccfb6b0e1a8a8aaa20ddba2322.jpg?thumb=1&w=1226&h=120&f=webp&q=90" alt="">
		</div>
		<!-- banner结束 -->
		<!--手机模块开始-->
		<div class="goodsshow-wrap">
			<div class="goodsshow-title">
				<h2>智能</h2>
				<ul class="tab-list">
					<li class="item-active">热门</li>
					<li>安防</li>
					<li>出行</li>
				</ul>
			</div>
			<div class="goodsshow-main">
				<div class="main-cover">
					<!-- <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/574c6643ab91c6618bfb2d0e2c761d0b.jpg?thumb=1&w=234&h=614&f=webp&q=90" > -->
					<div class="main-cover-top">
						<a href="">
							<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b56fd90a60e3d9e5d87dae9fbd427ea8.jpg?thumb=1&w=234&h=300&f=webp&q=90" >
						</a>
					</div>
					<div class="main-cover-bom">
						<a href="">
							<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b67de5a8ce9025fb5d8bac66e019d1c3.jpg?thumb=1&w=234&h=300&f=webp&q=90" >
						</a>
					</div>
				</div>
				<div class="main-content">
					<ul class="goods-list list-active">
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/011dd8493ad62f3793dbb63d9fbd3bc0.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/011dd8493ad62f3793dbb63d9fbd3bc0.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/011dd8493ad62f3793dbb63d9fbd3bc0.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/011dd8493ad62f3793dbb63d9fbd3bc0.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/011dd8493ad62f3793dbb63d9fbd3bc0.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/011dd8493ad62f3793dbb63d9fbd3bc0.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/011dd8493ad62f3793dbb63d9fbd3bc0.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<div class="sub-item">
								<a href="#">
									<div class="sub-info">
										<h3>小米米家对讲机2</h3>
										<p class="price">449元</p>
									</div>
									<img  src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d86c1eb8f5525bc4c76c8e0e98db7446.jpg?thumb=1&w=100&h=100&f=webp&q=90" >
								</a>
							</div>
							<div class="sub-item">
								<a href="#">
									<div class="sub-info">
										<h2>浏览更多</h2>
										<p class="info">出行</p>
									</div>
									<img src="../../img/icon-move.png" >
								</a>
							</div>
						</li>
					</ul>
					<ul class="goods-list ">
						<li class="goods-item">
							<a href="#">
								<img src="https://i8.mifile.cn/v1/a1/768992ca-4136-92f1-244a-0194a81a6360!200x200.jpg" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://i8.mifile.cn/v1/a1/768992ca-4136-92f1-244a-0194a81a6360!200x200.jpg" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://i8.mifile.cn/v1/a1/768992ca-4136-92f1-244a-0194a81a6360!200x200.jpg" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://i8.mifile.cn/v1/a1/768992ca-4136-92f1-244a-0194a81a6360!200x200.jpg" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://i8.mifile.cn/v1/a1/768992ca-4136-92f1-244a-0194a81a6360!200x200.jpg" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://i8.mifile.cn/v1/a1/768992ca-4136-92f1-244a-0194a81a6360!200x200.jpg" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://i8.mifile.cn/v1/a1/768992ca-4136-92f1-244a-0194a81a6360!200x200.jpg" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<div class="sub-item">
								<a href="#">
									<div class="sub-info">
										<h3>小米米家对讲机2</h3>
										<p class="price">449元</p>
									</div>
									<img  src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d86c1eb8f5525bc4c76c8e0e98db7446.jpg?thumb=1&w=100&h=100&f=webp&q=90" >
								</a>
							</div>
							<div class="sub-item">
								<a href="#">
									<div class="sub-info">
										<h2>浏览更多</h2>
										<p class="info">出行</p>
									</div>
									<img src="../../img/icon-move.png" >
								</a>
							</div>
						</li>
					</ul>
					<ul class="goods-list">
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<a href="#">
								<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&w=200&h=200&f=webp&q=90" >
								<h3 class="title">小米「小爱老师」</h3>
								<p class="desc">英语提分利器</p>
								<p class="price"><span>425</span><del>499</del></p>
							</a>
						</li>
						<li class="goods-item">
							<div class="sub-item">
								<a href="#">
									<div class="sub-info">
										<h3>小米米家对讲机2</h3>
										<p class="price">449元</p>
									</div>
									<img  src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d86c1eb8f5525bc4c76c8e0e98db7446.jpg?thumb=1&w=100&h=100&f=webp&q=90" >
								</a>
							</div>
							<div class="sub-item">
								<a href="#">
									<div class="sub-info">
										<h2>浏览更多</h2>
										<p class="info">出行</p>
									</div>
									<img src="../../img/icon-move.png" >
								</a>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--手机模块结束-->
		<div class="banner-box">
			<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/88e35cffc82cd98cd53172460067af17.jpg?thumb=1&w=1226&h=120&f=webp&q=90" alt="">
		</div>
		<!-- 底部视频模块开始 -->
		<div class="goodsshow-wrap">
			<div class="goodsshow-title">
				<h2>视频</h2>
				<ul class="tab-list">
					<li class="item-active no-bb">查看更多</li>
				</ul>
			</div>
			<ul class="media-list">
				<li class="media-item" title="点击播放视频">
					<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/96563e75833ba4563bd469dd28203b09.jpg?thumb=1&w=296&h=180&f=webp&q=90" alt="">
					<h3 class="media-title">
                        小米10 青春版 发布会
                    </h3>
					<span class="play-btn"><i class="fa fa-play"></i></span>
				</li>
				<li class="media-item" title="点击播放视频">
					<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/96563e75833ba4563bd469dd28203b09.jpg?thumb=1&w=296&h=180&f=webp&q=90" alt="">
					<h3 class="media-title">
				        小米10 青春版 发布会
				    </h3>
					<span class="play-btn"><i class="fa fa-play"></i></span>
				</li>
				<li class="media-item" title="点击播放视频">
					<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/96563e75833ba4563bd469dd28203b09.jpg?thumb=1&w=296&h=180&f=webp&q=90" alt="">
					<h3 class="media-title">
				        小米10 青春版 发布会
				    </h3>
					<span class="play-btn"><i class="fa fa-play"></i></span>
				</li>
				<li class="media-item" title="点击播放视频">
					<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/96563e75833ba4563bd469dd28203b09.jpg?thumb=1&w=296&h=180&f=webp&q=90" alt="">
					<h3 class="media-title">
				        小米10 青春版 发布会
				    </h3>
					<span class="play-btn"><i class="fa fa-play"></i></span>
				</li>
			</ul>
		</div>
		<div style="margin-bottom: 50px; width: 100px; height: 10px;"></div>
		<!-- 底部视频模块结束 -->
<!-- 固定页面的工具栏开始 -->

		<ul class="home-toolsbar">
			<li class="tools-item">
				<span class="tools-img  iconfont icon-Shoppingcart"></span>
				<p class="tools-desc">手机APP</p>
				<div class="app-code">
					<img src="../../img/download.png" >
					<p class="code-desc">手机扫一扫</p>
					<p class="code-desc">一分赢好礼</p>
					<div class="sanjiao"></div>
				</div>
			</li>
		
			<li class="tools-item">
				<span class="tools-img  iconfont icon-Shoppingcart"></span>
				<p class="tools-desc">个人中心</p>	
			</li>	
			<li class="tools-item">
				<span class="tools-img  iconfont icon-Shoppingcart"></span>
				<p class="tools-desc">售后服务</p>	
			</li>	
			<li class="tools-item">
				<span class="tools-img  iconfont icon-Shoppingcart"></span>
				<p class="tools-desc">人工客服</p>	
			</li>	
			<li class="tools-item">
				<span class="tools-img  iconfont icon-Shoppingcart"></span>
				<p class="tools-desc">购物车</p>	
			</li>	
			<li class="tools-item totop">
				<span class="tools-img  iconfont icon-Shoppingcart"></span>
				<p class="tools-desc">回顶部</p>	
			</li>
		</ul>
		</ul>
<!-- 固定页面的工具栏结束 -->
	<div class="modal-box">
		<div class="video-bar">
			<div class="video-title">
				<h3></h3>
				<span class="close">&times;</span>
			</div>
			<video class="vio" width="880" >
			</video>
		</div>
	</div>
		<script type="text/javascript">
			// 在这个标签中写js脚本
			let totop = document.querySelector('.totop') //声明一个变量，获取totop这个li
			// console.log(totop); //浏览器控制台中打印变量
			
			window.addEventListener('scroll',function (){ //给浏览器窗口添加一个滚动事件监听
				// console.log(window.scrollY)
				if (window.scrollY > 1000){
					totop.style.display = 'block'
				} else {
					totop.style.display = 'none'
				}
			})
			
			totop.addEventListener('click',function (){//给li添加一个鼠标单击事件监听
				// alert ('是不是都蒙了？')
				window.scrollTo(0,0) //返回到窗口的某个位置
			})
		</script>
		<script type="text/javascript">
			//自动调整popright这个div的宽度
		</script>
		<script type="text/javascript">
			//视频的脚本
			let video = [
				{title:'小米10 青春版 发布会',src:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7cdabcaa763392c86b944eaf4e68d6a3.mp4'},
				{title:'小米10 8K手机拍大片',src:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e25d81c4922fca5ebe51877717ef9b76.mp4'},
				{title:'小米10发布会',src:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eadb8ddc86f1791154442a928b042e2f.mp4'},
				{title:'小米MIX Alpha 开箱视频',src:'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7f49c1ccd75f76ec86b52c9ae4c4a082.mp4'}
				]
			let olis = document.querySelectorAll('.media-item'); //所有的视频li
			let modal = document.querySelector('.modal-box');//模态框，隐藏起来的半透明的div
			let vio = document.querySelector('.vio');
			let title = document.querySelector('.video-title>h3');
			let close = document.querySelector('.close')
			for (let i = 0; i < olis.length; i++) {
				olis[i].addEventListener('click',function (){
					modal.style.display = 'block';//显示模态框
					vio.src= video[i].src; //视频的源，添加给临时的视频模块
					title.innerHTML = video[i].title; //视频的标题，添加给临时的视频模块
					vio.autoplay = true
				})
			}
			close.onclick = function (){
				modal.style.display = 'none';//模态框重新隐藏
				vio.pause()//视频暂停方法 
			}
		</script>
		<!-- <script type="text/javascript">
			//控制商品展示模块变化
			let goodsMain = document.querySelectorAll('.goodsshow-wrap')
			console.log(goodsMain);
			for (let i = 0; i < goodsMain.length; i++) {
				let tabli = goodsMain[i].querySelectorAll('.tab-list>li');
				let goodsul = goodsMain[i].querySelectorAll('.goods-list')
				console.log(goodsul);
				for (let j = 0; j < tabli.length; j++) {
					
					tabli[j].addEventListener('mouseenter', function (){
						console.log(tabli[j]);
						for (let i = 0; i < tabli.length; i++) {
							tabli[i].className = '';
							goodsul[i].className = 'goods-list'
						}
						tabli[j].className = 'item-active'
						goodsul[j].className = 'goods-list list-active'
					})
				}
				
			}
		</script> -->
		
	</body>
</html>
